.pd-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  overflow: hidden;
  border-style: solid;
  position: relative;
  /*  #ifndef  rn  */
  :hover {
    opacity: 0.8;
  }
  /*  #endif  */
  &__text {
    z-index: 1;
  }

  &-c-white {
    color: #fff;
  }

  &--hover {
    opacity: 0.8;
  }

  &--default {
    border-width: 2px;
    border-color: $appTextColor2;
  }

  &--primary {
    background-color: $appPrimaryColor;
  }

  &--secondary {
    background-color: $appSecondaryColor;
  }

  &--success {
    background-color: $appSuccessColor;
  }

  &--danger {
    background-color: $appDangerColor;
  }

  &--warning {
    background-color: $appWarningColor;
  }

  &--custom1 {
    background-color: $appCustomColor1;
  }

  &--custom2 {
    background-color: $appCustomColor2;
  }

  &--custom3 {
    background-color: $appCustomColor3;
  }

  &--plain {
    border-width: 1px;
    &-default {
      border-color: $appTextColor2;
    }

    &-primary {
      border-color: $appPrimaryColor;
    }

    &-secondary {
      border-color: $appSecondaryColor;
    }

    &-success {
      border-color: $appSuccessColor;
    }

    &-danger {
      border-color: $appDangerColor;
    }

    &-warning {
      border-color: $appWarningColor;
    }

    &--custom1 {
      border-color: $appCustomColor1;
    }

    &--custom2 {
      border-color: $appCustomColor2;
    }

    &--custom3 {
      border-color: $appCustomColor3;
    }
  }

  &--s {
    height: $appButtonSHeight;
    padding: 0 $appButtonSPadding;
  }
  &--m {
    height: $appButtonMHeight;
    padding: 0 $appButtonMPadding;
  }
  &--l {
    height: $appButtonLHeight;
    padding: 0 $appButtonLPadding;
  }
  &--fs-s {
    font-size: $appButtonSFontSize;
  }
  &--fs-m {
    font-size: $appButtonMFontSize;
  }
  &--fs-l {
    font-size: $appButtonLFontSize;
  }
  &__loading {
    margin-right: 10px;
  }
  &--linear {
    border-width: 0;
  }
  &--round {
    border-radius: 750px;
  }
  &--round-min {
    border-radius: 10px;
  }
  &--disabled {
    opacity: 0.3;
  }
  &__image {
    margin: 0 10px;
  }
}
